// 个人习惯公用
body {margin:0; padding:0; font:12px/1.5;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.hx a,.hx em,.fB{font-weight:bold;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {color:#666666; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#e25453;text-decoration:underline;}
a:active {color:#ba2636;}
form, td, th ,tr{border: none; margin:0 ; padding: 0;}
.fl{float: left;}
.fr{float:right}
// 引入阿里字体

@font-face {font-family: "iconfont";
    src: url('font/iconfont.eot?t=1507396880874'); /* IE9*/
    src: url('font/iconfont.eot?t=1507396880874#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('font/iconfont.ttf?t=1507396880874') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg?t=1507396880874#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  

// 头部
.page-top{
     background: #fa5c39;
     width: 100%;
     height: 100px;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 10000;
}
.site-logo{
     max-height:65px; 
     margin-top: 10px;
}
.top-nav{margin-top:8px;
    ul.top-menu > li {float: left;}
    .xiaoxi{line-height:33px;       
    a{position: relative;
        i{position: relative;margin-right:10px;
    .badge { position: absolute;right: -12px;top: -1px;z-index: 100;background:#FCB322; }
     }
  
 }    
   .notify-arrow{
       border-style: solid;border-width: 0 9px 9px;height: 0;margin-top: 0;opacity: 0; position: absolute; left:12px;top: -18px;transition: all 0.25s ease 0s;width: 0;z-index: 10;margin-top: 10px;opacity: 1;
   }
   .notify-arrow-yellow {border-color: transparent transparent #FCB322;border-bottom-color: #FCB322 !important;border-top-color: #FCB322 !important;}    
    }
    .dpmcli{padding: 5px 10px;color: #FFFFff;line-height:43px;font-size: 14px; }
    .bzzxws{line-height:33px;i{margin-right:4px;}}
    .zxgm{i{margin-right: 4px;}}
    .tximg{    width: 35px;height: 35px; border-radius: 50%;overflow: hidden;float: left;margin-right: 8px;margin-top:2px;
       img{width: 35px;height: 35px;border-radius: 50%;vertical-align: top;} 
   }
    .txrig{
          max-width: 190px;overflow:hidden;float: left;
          span{display: block;overflow: hidden;width:100%;text-overflow: ellipsis;white-space: nowrap; padding: 13px 25px 8px 10px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
          .useadmin{ i{display: inline-block;margin-left:10px;}}
          .caret{position: absolute;right: 25px;top: 150%;font-size: 18px;  border-top: 5px dashed;border-top: 5px solid \9; border-right: 5px solid transparent;border-left: 5px solid transparent;}
      }
   .dropdown>a{color: #ffffff;font-size: 14px;}

   .dropdown>a:hover,.open>a, .open .caret,.open>a:hover,a:focus,.open>a:focus{border-radius:8px;background: transparent;color: #fa5c39;}
   .log-arrow-up {background:url(../images/arrow-up.png)no-repeat;width: 20px;height: 11px;position: absolute;right: 20px;  top: -10px;}  
   .logout{padding: 5px 0;border: 1px solid #CCCCCC; left:-20px;  top: 120%;
    a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
       i{margin-right: 15px;} 
    }
    a:hover{color: #fa5c39;font-size: 14px;}
   }
}
.top-nav .dropdown > a:hover,.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    .useadmin{
        background: #fff;
        border-radius: 5px;
       
    }
}
.top-nav .dropdown.xiaoxi:hover,.top-nav .dropdown.xiaoxi.open{
    a{
       background: #fff;
    }
}

.xiaoxi .dropdown-menu.extended {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 80px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: hidden;
    li {
        overflow: hidden;
        position: relative;
        display: block;
        width: 100%;
        p {
            background-color: #F1F2F7;
            color: #666666;
            margin: 0;
            padding: 5px 10px;
            border-radius: 6px 6px 0px 0px;
            -webkit-border-radius: 6px 6px 0px 0px;
            &.yellow {
                background-color: #fcb322;
                color: #fff;
            }
        }
        a {
            list-style: none;
            border-bottom: 1px solid #EBEBEB;
            padding: 15px 10px 15px 0px;
            width: 100%;
            display: inline-block;
            font-size: 12px;
            position: relative;
            .label{
                padding:21px 15px;
            }
            i{
                margin-right: 0;
            }
        }
        &:hover{
            a{
                color: #fa5c39;
            }
        }
    }
}

// 导航选项卡
.page-nav{
   width: 100%;
   height: 50px;
   position: fixed;
   left: 0;
   top: 100px;
   background: #ff6e4f;
   z-index: 999;
   padding-top: 10px;
   .pauimane{
       width: 100%;
       overflow: hidden;
       li{
           background: #ffe2dc;
           float: left;
           margin: 0 2px;
           display:block;
           border-top-left-radius:8px;
           border-top-right-radius: 8px;
           position: relative;
           a{
               display: block;
               height: 40px;
               line-height: 45px;
               padding: 0 30px;
              color: #000;
              font-size: 14px;
              text-decoration: none;
              position: relative;
           
           }
           em{
            position: absolute;
            right: 12px;
            top: 13px;
            opacity: 0.8;
            font-size: 16px;
        }
           &:hover{
               opacity: 0.9;
               a{
                   color: #e25453;
               }
           }
           &.open{
               background: #fff;
               a{
                color: #e25453;
               }
           }
       }
   }
}
// 窗体主内容
.matop150{
    margin-top: 150px;
}

.page-conbox{
     width: 100%;
     padding: 15px;
}
.row {
    margin-right: 0px; 
    margin-left: 0px;
}
.page-indo{
    width: 100%;
    position: relative;
    .page-list{
        width: 100%;

    }
}
// 首页标签
.page-indexui{
     width: 100%;
     padding: 50px;
     position: relative;
     overflow: hidden;
     li{
         width: 30%;
         float: left;
         border:1px solid #e5e5e5;
         margin: 1.5%;
         padding: 10px;
         position: relative;
         &:after{
             content: '';
             position: absolute;
             width: 100%;
             height: 4px;
             background: #efefef;
             left: 0;
             bottom: -4px;
         }
         a{
             text-align: center;
             display: block;
             text-decoration: none;
             i{
                 display: block;
                 padding: 20px 0 25px 0;
                 font-size: 80px;
                 -webkit-transition: all 0.45s linear;
                 -moz-transition: all 0.45s linear;
                 -ms-transition: all 0.45s linear;
                 transition: all 0.45s linear; 
            
             }
             span{
                 display: block;
                 margin-bottom: 5px;
             }
             &:hover{
                  i{
                      -webkit-transform: scale(1.2)translateY(-10px);
                  }
             }
        
         }
         &:nth-child(1){
            a{i{color: #7e53c9;}}
         }
         &:nth-child(2){
            a{i{color: #fc7255;}}
          }
          &:nth-child(3){
            a{i{color: #5ab846;}}
          }
     }
}
.ifames{
    width:100%;
    height:100%;
}


// 子页面
.ifame-box{
    width: 100%;
    padding:20px 5px; 
}

.ifame-top{
    width: 100%;

    .form-group{
        label{
            color: #666;
            font-size: 13px;
            margin-top: 7px;
        }
        .col-md-9,.col-md-4,.col-md-8{
            padding-left: 0px;
        }
        .col-md-4{
            padding-right: 0;
        }
    }
}
.form-control:focus {
    border-color: #fa5c39;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 92, 57, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 92, 57, .6);
}
.contbn{
    background: #7c55ca;
    display: inline-block;
    width: 100px;
    margin-bottom: 0;
    font-size: 12px;
    border-radius: 0px;
    color: #fff;
    &:hover,&:focus{
        color: #fff;
        opacity: 0.8;
    }
}
.mabot15{
    margin-bottom: 15px;
}
.matop40{
    margin-top: 40px;
}

// 表格
.ifame-table{
    width: 100%;
    .table > thead > tr > th{
        padding: 16px;
        background: #f5f8fd;
        color: #7c55ca;
        font-weight: bold;
    }
    .table > tbody > tr > td{
        padding: 16px;
    }
    &.text-center{
        .table > thead > tr > th{
                   
            text-align: center;
                } 
    }

    .tabe-a{
        color: #7c55ca;
        display: inline-block;
        padding: 2px 10px;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
        &:hover{
            background: #7c55ca;
            color: #fff;
        }
    }
}
// 表格颜色字体
.cogreen{
    color: #16D472;
}
.cored{
    color: #ff6666;
}
.matop20{
    margin-top: 30px;
}
.dashboard-tile {
    background-color: #fff;
    color: #555;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.dashboard-tile.tile-red {
    background-color: #fa5c39;
    color: #fff;
}
.dashboard-tile.tile-zsi {
    background-color: #7c55ca;
    color: #fff;
}
.dashboard-tile.detail, .dashboard-tile.header {
    position: relative;
    overflow: hidden;
}
.dashboard-tile.detail .content {
    background: 0 0;
    padding: 10px 10px 13px;
    display: inline-block;
    position: relative;
    z-index: 5;
}
.dashboard-tile.detail .icon {
    display: block;
    float: right;
    height: 80px;
    margin-bottom: 10px;
    padding-top: 30px;
    width: 80px;
    right: 10px;
    position: absolute;
    top: 5px;
}
.dashboard-tile.detail .icon i {
    color:rgba(0,0,0,.075);
    font-size: 85px;
    line-height: 65px;
}
.dashboard-tile .content h1 {
    margin: 0;
    font-weight: 300;
    font-size: 40px;
    padding: 8px;
}
.dashboard-tile .content p {
    margin-bottom: 0;
    padding: 10px;
    font-weight: 400;
    font-size: 15px;
    clear: both;
}

// 订单表格
.ui-sortable{
    border:1px solid #e0e0e0;
}
.panel .actions {
    position: absolute;
    right: 30px;
    top: 8px;
    cursor: pointer;
}
.panel-default .actions i {
    font-size: 18px;
    color: #bdc3c7;
    margin: 0 3px;
    &:hover{
        color: #fa5c39;
    }
}
.panel-default>.panel-heading {
    border-color: #eff2f7;
    background: #fff;
    color: #767676;
}
.thktabel{
   .table {
       margin-bottom: 0;
       td{
        padding: 10px;
       }
       .uin{
           em{
               width: 10px;
               height: 10px;
               display: inline-block;
               border-radius: 50%;
               background: #5cb849;
               vertical-align: middle;
               margin-right:5px;
           }
           span{
            color: #256bb1;
           }
       }
   } 
   .table > thead > tr > th{
       padding: 12px;
       background: #f5f8fd;
       font-weight: bold;
       color: #256bb1;
   }
   .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f8f9fb;
}

}


//登陆
.login-box{
    width:360px;
    margin: 120px auto;

    .col-md-3,.col-md-9{
        padding-left: 0;
        padding-right: 0;
    }
    label {
        display: inline-block;
        max-width: 100%;
        font-weight: 400; 
        margin-top: 6px;
    }
    .uitaks{
        text-align: center;
        display: inline-block;
        color: #7c55ca;
        margin-top:30px;
    }
    .cunlibtn{
        background: #fa5c39;
        color: #fff;
        border-radius: 0;
        padding: 6px 120px;
        margin-left: 80px;
        &:hover{
            opacity: 0.8;
        }
    }
}
.ditbtns {
    display: block;
    float: right;
    width: 28%;
    text-align: center;

    text-decoration: none;
    height: 27px;
    line-height: 27px;
    border: none;
    cursor: pointer;
    background: #eee;
    color: #666;
    outline: none;
    font-size: 11px;
    position: absolute;
    top:2px;
    right: 1px;
}
.ditbtns:hover {
    color: #fa5c39;
}

// 弹窗   UL
.tahtmul{
    width: 98%;
    margin: 0 auto;
    .row{
        margin-bottom: 18px;
        &:last-child{
            margin-bottom: 0;
        }
        &:first-child{
            margin-top:18px;
        }
    }
    .col-md-7{
        width: 60%;
        float: left;
        padding-left: 0;
        padding-right: 0;
        color: #666;
    }
    .col-md-5{
        width: 25%;
        float: left;
        padding-left: 0;
        padding-right:15px;
        margin-top: 5px;
        color: #666;
        font-weight: 400; 
        font-size: 13px;
    }
    .form-control{ font-size: 13px;  color: #666;}
}







ul::-webkit-scrollbar,.mosivr::-webkit-scrollbar, .minhei22::-webkit-scrollbar,#Adduser .modal-body .modderlis::-webkit-scrollbar,.xianmukabox::-webkit-scrollbar{
    width:3px;
}  
/* Track */
ul::-webkit-scrollbar-track,.mosivr::-webkit-scrollbar-track,.minhei22::-webkit-scrollbar-track,#Adduser .modal-body .modderlis::-webkit-scrollbar-track,.xianmukabox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}            
/* Handle */
ul::-webkit-scrollbar-thumb,.mosivr::-webkit-scrollbar-thumb,.minhei22::-webkit-scrollbar-thumb,#Adduser .modal-body .modderlis::-webkit-scrollbar-thumb,.xianmukabox::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:rgba(215,215,215,0.7); 
}
ul::-webkit-scrollbar-thumb:window-inactive,.mosivr::-webkit-scrollbar-thumb:window-inactive,.minhei22::-webkit-scrollbar-thumb:window-inactive,#Adduser .modal-body .modderlis::-webkit-scrollbar-thumb:window-inactive,.minhei22::-webkit-scrollbar-thumb:window-inactive,.xianmukabox::-webkit-scrollbar-thumb:window-inactive,.minhei22::-webkit-scrollbar-thumb:window-inactive{background: rgba(215,215,215,0.4);              }   
